/* Estilos para la tabla y las celdas */
table {
    width: 100%;
    border-collapse: collapse;
}

td {
    border: 1px solid black;
    padding: 10px;
    text-align: center;
}

/* Estilos para las letras */
.grande {
    font-size: 1.5em;
}

.mediana {
    font-size: 1.2em;
}

/* Colores de fondo para cada tipo de paquete */
.rojo {
    background-color: red;
}

.amarillo {
    background-color: yellow;
}

.gris {
    background-color: lightgrey;
}

/* Estilos para disposición horizontal en computadoras y vertical en móviles */
@media only screen and (max-width: 600px) {
    td {
        display: block;
        width: 100%;
        text-align: left;
    }
}